<template>
  <a-menu v-model:selectedKeys="current" mode="horizontal">
    <a-menu-item key="mail">
      <template #icon>
        <appstore-outlined />
      </template>
      <router-link to="/home">链路信息管理</router-link>
    </a-menu-item>
    <a-menu-item key="app">
      <template #icon>
        <mail-outlined />
      </template>
      <router-link to="/message">播报信息生成</router-link>
    </a-menu-item>
    <a-menu-item key="list">
      <template #icon>
        <UnorderedListOutlined />
      </template>
      <router-link to="/errorLianlu">异常链路信息汇总</router-link>
    </a-menu-item>
    <a-menu-item key="editList">
      <template #icon>
        <ToolOutlined />
      </template>
      <router-link to="/canErrorLianlu">信息修改</router-link>
    </a-menu-item>
  </a-menu>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
import { MailOutlined, AppstoreOutlined, UnorderedListOutlined, ToolOutlined } from '@ant-design/icons-vue';
export default defineComponent({
  components: {
    MailOutlined,
    AppstoreOutlined,
    UnorderedListOutlined,
    ToolOutlined
  },
  setup() {
    const current = ref<string[]>(['mail']);
    return {
      current,
    };
  },
});
</script>

